<template>
	<view>
		<view class="search_box">
			<view class="search dis_fx fx_column">
				<view class="icon"></view>
				<input type="text" placeholder="请输入您要搜索的产品名称" placeholder-style="color: #D0D0D0">
			</view>
		</view>
		<view class="rel_item">
			<view class="item">
				<view class="img_box">
					<image src="../../static/swiper.png"></image>
				</view>
				<view class="tit dis_fx fx_column">
					<view class="type">4-6人团</view><text class="">【云南】昆明大理5日深度游</text>
				</view>
				<view class="price text_right">￥2088元起</view>
			</view>
			<view class="item">
				<view class="img_box">
					<image src="../../static/swiper.png"></image>
				</view>
				<view class="tit dis_fx fx_column">
					<view class="type">4-6人团</view><text class="">【云南】昆明大理5日深度游</text>
				</view>
				<view class="price text_right">￥2088元起</view>
			</view>
			<view class="item">
				<view class="img_box">
					<image src="../../static/swiper.png"></image>
				</view>
				<view class="tit dis_fx fx_column">
					<view class="type">4-6人团</view><text class="">【云南】昆明大理5日深度游</text>
				</view>
				<view class="price text_right">￥2088元起</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.search_box {
	background: #fff;
	padding: 45upx 24upx;
}

.search_box .search {
	width: 100%;
	height: 70upx;
	border-radius: 35upx;
	background: #F1F1F1;
	padding: 0 30upx;
}

.search_box .search input {
	font-size: 28upx;
	flex: 1;
}

.search_box .search .icon {
	background: url() no-repeat center/contain;
	width: 25upx;
	height: 30upx;
	margin-right: 20upx;
}
.rel_item{
	padding: 0 24upx;
}
.rel_item .item {
	box-shadow: 0 0 18px 0px rgba(106, 79, 13, 0.12);
	margin-bottom: 20upx;
	padding-bottom: 40upx;
}

.rel_item .item image {
	width: 100%;
	height: 320upx;
	border-radius: 5px 5px 0 0;
}

.rel_item .item .tit {
	padding: 35upx 24upx;
}

.rel_item .item .tit text {
	color: #333333;
	font-size: 28upx;
}

.rel_item .item .tit .type {
	background: #FC5C1D;
	color: #fff;
	width: 140upx;
	height: 46upx;
	border-radius: 23upx;
	font-size: 24upx;
	text-align: center;
	line-height: 46upx;
	margin-right: 20upx;
}

.rel_item .item .price {
	font-size: 36upx;
	color: #FFC800;
	padding: 0 34upx;
}
</style>
